<template>
  <div id="app" @click="option">
    <div class="pb_30 height100">
      <div class="pt_50"><img src="../static/qingjia.png" alt class="img_big"></div>
    </div>
  </div>

</template>

<script>
export default {
  methods: {
    option () {
      this.$router.push({
        name: 'announcement_details',
        query: {
          name: ''
        }
      })
    },
    gonuxt (val, name) {
      this.$router.push({ name: val, query: { name: name } })
    },
    //放大图片
    fangda () {


    }
  }
}
</script>
<style>
html,
body,
#app {
  height: 100%;
  background-color: #f3f3f3;
}
.height100 {
  height: 100%;
}
.fs_18 {
  font-size: 18px;
}
input {
  outline: none;
  border: none;
}
.he {
  display: flex;
  justify-content: space-between;
}
.bgc_black {
  background-color: #000;
}
.p_10 {
  padding: 10px;
}
.pb_30 {
  padding: 10px 10px 30px 10px;
}
.mt_10 {
  margin-top: 10px;
}
.border_b1 {
  border-bottom: 1px solid #f3f3f3;
}
.pb_10 {
  padding-bottom: 10px;
}
.pt_10 {
  padding-top: 10px;
}
.pt_20 {
  padding-top: 20px;
}
.pt_50 {
  padding-top: 50%;
}
.border_t {
  border-top: 2px solid #26a2ff;
}
.width_90 {
  width: 94%;
}
.margin_center {
  margin: 20px auto 0 auto;
}
.fw {
  font-weight: bold;
}
.img_tj {
  width: 40px;
  height: 40px;
}
.weizhi {
  position: fixed;
  bottom: 20px;
  right: 20px;
}
.img_big {
  width: 100%;
}

.tempContainer {
  position: fixed;
  width: 100%;
  margin-right: 0px;
  margin-left: 0px;
  text-align: center;
  z-index: 101;
}
</style>